.gatt-box-root{
  width: 100%;
  height: 100%;
  overflow: hidden;
  user-select: none;

  &-header{
    position: relative;
    height: 40px;
    overflow: hidden;

    &-left{
      position: fixed;
      top: 0;
      left: 0;
      height: 40px;
      padding-top: 8px;
      margin-left: 10px;
      overflow: hidden;
      background-color: #fff;
      box-sizing: border-box;

      .ant-btn{
        margin-right: 10px;
      }
    }
  }

  &-left{
    position: fixed;
    top: 40px;
    left: 0;
    z-index: 999;
    height: calc(100% - 40px);
    background-color: #fff;

    &-rightLine{
      position: absolute;
      top: 0;
      z-index: 999;
      width: 2px;
      height: 100%;
      cursor: col-resize;
      background-color: #d7d7d7;
      box-shadow: 4px 2px 12px 0 rgba(0,0,0,.2);

      &:hover{
        background-color: #409eff;
      }
    }
  }

  &-right{
    position: relative;
    display: flex;
    height: calc(100% - 40px);
  }
}
